 <template>
    <div class="home">
        <div class="header">
            <h1>大学生志愿者活动</h1>
            <User :user="userInfo"></User>
        </div>
        <!-- 中间功能页面入口 -->
    <Navs></Navs>
    <!-- 底部的活动列表 -->
     <div class="list">
        <div class="list-header"> 
            <p>志愿活动</p>
            <RouterLink to=""> > 
                
            </RouterLink>
            <p class="list-more" @click="goMoreActs"> 
                查看更多
                <img src="" alt="">
            </p>

        </div>

     </div>
    </div>
 </template> 


<style>
.home{
    width: 100vw;
    height: 100vh;
}
.header{
    width: 100vw;
    height: 150px;
    background-color: rgb(63, 53, 53);
    font-size: 10px;
    align-items: center;
    display: flex;
    justify-content: center; /* 垂直居中 */
border-radius: 10px;
    
}
.header h1{
    margin: 0;
    margin-top:-25px ;
}


</style>